<template>
    <div ref="elLinkMenu" class="link-menu-inner">
    </div>
</template>
<script>
    export default {
        name: 'nc-link-menu',
        props: {
            // 初始化的值
            // 只有初始化时使用不会相应变动
            initInfo :{
                type : Object ,
                default : null
            } ,
            // 会根据此值变动
            currentInfo :{
                type : Object ,
                default : null
            } ,
            /**
             * 外部序号标识
             */
            index : {
                type:Number ,
                default : -1
            }
        },
        data() {
            return {}
        },
        computed: {},
        watch: {
            currentInfo(value){
                console.log('modfiy current info ')
                $(this.$refs.elLinkMenu).NcLinkMenu('reset')
                $(this.$refs.elLinkMenu).NcLinkMenu('setCurrentSelect' , value)
            }
        },
        directives: {},
        created() {
            // if(!Nc) console.warn('nc-link-menu : Nc is not defined')
            if(!$.fn.NcLinkMenu) console.warn( 'nc-link-menu: $.fn.NcLinkMenu is not defined')
        },
        mounted() {
            // var self = this  ,
            //     elLinkMenu =$(this.$refs.elLinkMenu)
            // elLinkMenu.NcLinkMenu({
            //     direction: 3 ,
            //     onSelect(info){
            //         console.log('link menu onselect')
            //         self.$emit('onselect' , {
            //             index : self.index  ,
            //             info :info
            //         })
            //     }
            // })
            // let initData  = Nc.isEmpty(this.initInfo) ? this.currentInfo : this.initInfo
            // if (!Nc.isEmpty(initData)){
            //     elLinkMenu.NcLinkMenu('setCurrentSelect' , initData , true )
            // }
        },
        methods: {}
    }
</script>